<!-- 
      我的.html
      <宾和>
      
      Created by YSG on 2017-01-06.
      Copyright 2017 YSG. All rights reserved.
 -->

<!doctype html>
<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的-点点生钱</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../assets/css/mui.min.css" rel="stylesheet" />
		<link href="../assets/css/main.css" rel="stylesheet" />
		<style type="text/css">
			.mui-bar-transparent {
				background-color: rgba(18, 48, 125, 0);
			}
			
			.mui-bar-transparent * {
				color: #fff;
			}
			
			.mui-content {
				margin-bottom: 50px;
			}
			
			.mui-content img {
				width: 100%;
			}
		</style>
	</head>

	<body>
		<!--header beg-->
		<header class="mui-bar mui-bar-transparent">
			<a id="info" class="mui-icon mui-pull-left u-iconfont">&#xe618;</a>
			<a id="menu" class="mui-icon mui-pull-right u-iconfont" style="font-size: 18px;">&#xe617;
			</a>
			<!--<h1 class="mui-title"><i class="mui-icon u-iconfont">&#xe77e;</i></h1>-->
		</header>
		<!--header end-->

		<!--banner beg-->
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable">
			<!-- 主页面容器 -->
			<div class="mui-inner-wrap">
				<!-- 菜单容器 -->
				<aside class="mui-off-canvas-right">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<div class="title"></div>
							<div class="content">
								<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
									<li class="mui-table-view-cell"></li>
									<li class="mui-table-view-cell menu-li">个人中心</li>
									<li class="mui-table-view-cell menu-li">点点专享</li>
									<li class="mui-table-view-cell menu-li">点点安盈</li>
								</ul>
							</div>
						</div>
					</div>
				</aside>
				<!-- 主页面内容容器 -->
				<div class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-content">
							<div class="m-personal-banner">
								<img id="img1" src="../assets/img/personal_top_banner_bg.png" />
								<div class="personal-banner-tp">交易明细<i class="mui-icon u-iconfont">&#xe635;</i></div>
								<div class="personal-banner-cr">
									<div class="m-proj-info">
										<div class="m-proj-box m-proj-cn">
											<div class="m-info-top">
												<span class="m-big" id="totalAmount">0.00</span>
											</div>
											<div class="m-info-des">总资产(元)</div>
										</div>
									</div>
								</div>
								<div class="personal-banner-fr">
									<div class="m-proj-info">
										<div class="m-proj-box m-proj-lt">
											<div class="m-info-des">累计收益(元)</div>
											<div class="m-info-top">
												<span class="m-big" id="totalEarnings">0.00</span>
											</div>
										</div>
										<div class="m-proj-box m-proj-cn">
											<div class="m-info-des">可用余额(元)</div>
											<div class="m-info-top">
												<span class="m-big" id="balance">0.00</span>
											</div>

										</div>
										<div class="m-proj-box m-proj-rt">
											<div class="m-info-des">会员积分</div>
											<div class="m-info-top">
												<span class="m-big" id="score">0</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--banner end-->

							<ul class="mui-table-view mui-grid-view mui-grid-9 m-personal-tools">
								<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6" id="btn-toWithdraw">
									<a href="javascript:;">
										<div class="mui-media-body">提现</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-6 mui-col-sm-6" id="btn-toRecharge">
									<a href="javascript:;">
										<div class="mui-media-body">充值</div>
									</a>
								</li>
								<!--<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="background-color: #fff;">
									<a href="javascript:;">
										<span class="m-repayment-bid">0</span>
										<div class="mui-media-body">投标中</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="background-color: #fff;">
									<a href="javascript:;">
										<span class="m-repayment-loan">0</span>
										<div class="mui-media-body">回款中</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="background-color: #fff;">
									<a href="javascript:;">
										<span class="m-repayment-finish">0</span>
										<div class="mui-media-body">已还完</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3" style="background-color: #fff;">
									<a href="javascript:;">
										<span class="m-repayment-faild">0</span>
										<div class="mui-media-body">投标失败</div>
									</a>
								</li>-->
							</ul>

							<ul class="mui-table-view mui-table-view-chevron m-mt10 m-personal-link">
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" href="myBidPlanList.html" >
										<span class="mui-icon u-iconfont" style="color: #0098ff;">&#xe61e;</span>
										<span class="mui-media-body">
											点点安盈
										</span>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" href="myBidSaleList.html">
										<span class="mui-icon u-iconfont" style="color: #00caaa;">&#xe620;</span>
										<span class="mui-media-body">
											点点专享
										</span>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" href="myLoanList.html">
										<span class="mui-icon u-iconfont" style="color: #ff7250;">&#xe610;</span>
										<span class="mui-media-body">
											我的借款
										</span>
									</a>
								</li>
								<!--				<li class="mui-table-view-cell mui-media">
					<a class="mui-navigate-right" href="我的优惠券.html">
						<img class="mui-media-object mui-pull-left" src="../assets/img/mycoupon.png">
						<div class="mui-media-body">
							我的优惠券
						</div>
					</a>
				</li>-->
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" id="btn-toUserAccount">
										<span class="mui-icon u-iconfont" style="color: #1397ff;">&#xe612;</span>
										<span class="mui-media-body">
											账户安全
										</span>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" href="myMessageList.html">
										<span class="mui-icon u-iconfont" style="color: #ff7250;">&#xe611;</span>
										<span class="mui-media-body">
											我的消息
										</spanv>
									</a>
								</li>
								<!--<li class="mui-table-view-cell mui-media">
					<a class="mui-navigate-right" href="债券交易.html">
						<img class="mui-media-object mui-pull-left" src="../assets/img/bond.png">
						<div class="mui-media-body">
							债券交易
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="../assets/img/aboutus.png">
						<div class="mui-media-body">
							关于我们
						</div>
					</a>
				</li>-->
							</ul>

							<ul class="mui-table-view mui-table-view-chevron m-mt10 m-personal-link">
								<li class="mui-table-view-cell mui-media" id="btn-recommend">
									<a class="mui-navigate-right">
										<span class="mui-icon u-iconfont" style="color: #00caaa;">&#xe616;</span>
										<span class="mui-media-body">
											我的邀请码
										</span>
									</a>
								</li>
							</ul>

						</div>
					</div>
				</div>
				<!--footer ben-->
				<nav class="mui-bar mui-bar-tab" id="G-footer-nav" href="javascript:;">
					<a class="mui-tab-item" id="G-nav-home">
						<span class="mui-icon u-iconfont">&#xe622;</span>
						<span class="mui-tab-label">首页</span>
					</a>
					<a class="mui-tab-item" id="G-nav-financing" href="javascript:;">
						<span class="mui-icon u-iconfont">&#xe621;</span>
						<span class="mui-tab-label">理财</span>
					</a>
					<a class="mui-tab-item mui-active" id="G-nav-personal" href="javascript:;">
						<span class="mui-icon u-iconfont">&#xe628;</span>
						<span class="mui-tab-label">我的</span>
					</a>
					<!--			<a class="mui-tab-item" id="G-nav-activity" href="javascript:;">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">活动</span>
			</a>-->
				</nav>
				<!--footer end-->
			</div>
		</div>

		<script src="../assets/lib/mui/mui.min.js"></script>
		<script src="../assets/lib/zepto/zepto.min.js"></script>
		<script src="../assets/lib/layer_mobile/layer.js"></script>
		<script src="../assets/common/util.js"></script>
		<script src="../assets/common/common.js"></script>
		<script src="../assets/js/user.js"></script>
		<script src="../assets/js/urlHelper.js"></script>
		<script src="../assets/js/countUp.min.js"></script>
		<script type="text/javascript">
			var  Main;
			$(function() {
				Main = new Main();
			});

			function activeTap() {
				$('#G-footer-nav > a').removeClass('mui-active')
				$('#G-nav-personal').addClass('mui-active');
			}
		</script>
	</body>

</html>